<template>
    <div style="background-color: darksalmon;">
        <button @click="show=true">听听老爸和我说了什么</button>
        <p v-show="show">老爸说（将要接收父组件传递过来的数据）：{{ toSon }}</p>
        <p v-show="show">那就用成绩来告诉老爸吧。
            <button @click="handle()">反馈</button>
        </p>
        <hr>
        <button @click="show1=true">听听老爸又和我说了什么</button><br>
        爸爸说： <span :style="{fontSize:getWid}" v-show="show1">棒</span>
        <hr>
        爸爸又说：{{receiveMsg}}
    </div>
</template>

<script>
export default {
    props:['toSon','wid'],
    data(){
        return{
            show:false,
            score:90,
            show1:false,
            receiveMsg:''
        }
    },
    methods:{
        handle(){
            this.$emit('score',this.score)
        },
        receiveMessage(message){
            this.receiveMsg = message
        }
    },
    computed:{
        getWid(){
            return this.wid + 'px'
        }
    }
}
</script>